{extend name="admininfo/admininfo" /}
{block name='main'}


<h2>轮播图列表</h2>
<a class="btn btn-default btn-success" href="{:url('admin/Banner/addbanner')}">
 添加轮播图
</a>
<table class="table table-hover table-bordered" style="text-align: center;">


    <tr>
        <th style="text-align: center;">
            id
        </th>
        <th style="text-align: center;">
            IMG
        </th>
        <th>
            状态
        </th>
        <th style="text-align: center;">
            操作
        </th>
    </tr>

    {foreach $list as $v}
    <tr>
        <td>
            {$v['id']}
        </td>
        <td>
             <img src="__UPLOAD__/banner/{$v.img}" alt="" width="50px">
        </td> 
       
        <td>
            {if $v['status']==1}
            <button class="btn btn-default btn-success status" data_id="{$v['id']}" id="{$v['id']}">显示</button>
            {else}
            <button class="btn btn-default btn-success status" data_id="{$v['id']}" id="{$v['id']}" style="background-color:black">隐藏</button>
            {/if}
        </td>

        <td >
            <div class="row clearfix">
                <!--<div class="col-md-12 column" >-->
                <a  class="btn btn-default btn-danger del"  data_id="{$v['id']}">删除</a>
            </div>
        </td>
    </tr>
    {/foreach}

</table>

<script>
    $(function(){
        $('.del').click(function(){

            var id = $(this).attr('data_id');
            // console.log(s_id);
            if (confirm('您确定要 [ 删 除 ] 该用户么?')) {
                var obj = $(this).parents('tr');
                // console.log(obj);
                delAjax(id, obj);// 执行删除操作
            }
            

        })

        function delAjax(id,obj){
            $.ajax({
                type:'post',
                url:  '/admin/Banner/del',
                data:{ 'id': id },
                dataType:'json',
                success: function(data){
                    if (data) {
                        obj.remove()
                    }
                },
                error:function(){
                    alert('ajax执行失败')
                }
            })
        }


        $('.status').click(function(){
            var id = $(this).attr('data_id');
            $.ajax({
                type:'post',
                url:  '/admin/Banner/status',
                data: { 'id': id },
                dataType:'json',
                success:function(data){
                    if (data==1) {

                        alert('显示成功');
                        $('#'+id).css('background-color', 'green').html('显示');
                    }else{
                        alert('隐藏成功');
                        $('#'+id).css('background-color', 'black').html('隐藏');

                    }
                }

            })
        })
    })

</script>



{/block}